<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page session="true"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Consultar Cliente</title>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/jquery.mobile-1.4.2.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/app.css?v=0.2.11">
<script
	src="${pageContext.request.contextPath}/resources/js/jquery-1.11.0.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.mobile-1.4.2.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.validate.min.js"></script>
<script>
	$.mobile.ignoreContentEnabled = true
	$(function() {
		$("form").validate();
	})
</script>
<style>
.error {
	color: red;
}
</style>
</head>
<body>
	<div data-role="page" id="page1" data-theme="a">
		<div data-role="header" data-id="header">
			<h1>Consulta de Cliente</h1>
		</div>
		<div role="main" class="ui.content">
			<div class="centered-content">
				<h2>Datos del cliente</h2>

				<table class="outputTable">
					<tr>
						<td>Nombre :</td>
						<td><output>${persona.nombre}</output></td>
					</tr>
					<tr>
						<td>Rut :</td>
						<td><output>${persona.rut}</output></td>
					</tr>
					<tr>
						<td>Dirección :</td>
						<td><output>${persona.direccion}</output></td>
					</tr>
					<tr>
						<td>Comuna :</td>
						<td><output>${persona.comuna.nombre}</output></td>
					</tr>
					<tr>
						<td>Ciudad :</td>
						<td><output>${persona.ciudad}</output></td>
					</tr>
					<tr>
						<td>Contacto :</td>
						<td>${persona.contacto}</td>
					</tr>
					<tr>
						<td>Fono casa :</td>
						<td><output>${persona.fonoCasa}</output></td>
					</tr>
					<tr>
						<td>Fono Oficina :</td>
						<td><output>${persona.fonoOficina}</output></td>
					</tr>
					<tr>
						<td>Fono Movil :</td>
						<td><output>${persona.fonoMovil}</output></td>
					</tr>
					<tr>
						<td>Correo :</td>
						<td><output>${persona.correo}</output></td>
					</tr>
					<tr>
						<td>Fecha de ingreso :</td>
						<td><fmt:formatDate value="${persona.fechaIngreso}"
								pattern="dd/MM/yyyy HH:mm" timeZone="GMT-4" /></td>
					</tr>
					<%-- <tr>
						<td colspan="2">Observaciones :</td>
					</tr>
					<tr>
						<td colspan="2">${persona.observaciones}</td>
					</tr> --%>
				</table>
			</div>
		</div>
		<!-- <div data-role="footer" data-position="fixed" data-fullscreen="true">
			<div data-role="navbar">
				<ul>
					<li><a href="#page1" data-transition="slideup"
						class="ui-btn-active ui-state-persist">Datos</a></li>
					<li><a href="#page2" data-transition="slideup">Propiedades</a></li>
				</ul>
			</div>
		</div> -->
	</div>

<%-- 	<div data-role="page" id="page2" data-theme="a">
		<div data-role="header" data-id="header">
			<h1>Consulta de Cliente</h1>
		</div>
		<div role="main" class="ui.content">
			<div class="centered-content">
				<h2>Propiedades del cliente</h2>

				<table class="outputTable">

					<tr>
						<th>Dirección</th>
						<th>Estado</th>
						<th>Detalle</th>
					</tr>
					<c:forEach items="${persona.propiedades}" var="propiedad">
						<tr>
							<td>${propiedad.direccion},${propiedad.comuna.nombre}</td>
							<td>${propiedad.estado.nombre}</td>
							<td><a
								href="${pageContext.request.contextPath}/consultar_propiedad/${propiedad.numero}"
								class="ui-btn ui-mini" data-ajax="false">Detalle</a></td>

						</tr>
					</c:forEach>




				</table>
			</div>
		</div>
		<div data-role="footer" data-position="fixed" data-fullscreen="true">
			<div data-role="navbar">
				<ul>
					<li><a href="#page1" data-transition="slideup">Datos</a></li>
					<li><a href="#page2" data-transition="slideup"
						class="ui-btn-active ui-state-persist">Propiedades</a></li>



				</ul>
			</div>
		</div>
	</div> --%>






</body>
</html>
